草庐IT

AngularJS ng-model 指令

全部标签

javascript - 作为 Angular UI 指令的模态确认

我正在尝试使用angular-bootstrap制作一个Angular指令来模仿confirm()函数。这是一个显示我想要实现的视觉结果和行为的插件:http://embed.plnkr.co/27fBNbHmxx144ptrCuXV/preview现在我想使用一个指令来调用模态窗口:{{item}}Delete我创建了一个使用“confirm()”函数的工作指令,但是当我尝试使用模态窗口而不是confirm函数时,我得到一个“$digestalreadyinprogress”错误。笨蛋:http://plnkr.co/edit/JSOInyZIvMtBZFaNvQRO?p=previ

javascript - 如何否定 AngularJS ng-if 指令的参数?

简单示例:有一个路由参数(/Home/:isLoggedIn)等于true或false。(/Demo/#/Home/false)和一个Controller属性this.loggedIn=this.routeParams.loggedIn;我有一个包含两个元素的View(Home.html),每个元素都有一个ng-if属性。LoggedIn!NotLoggedIn...如果我导航到/Demo/#/Home/true,那么第一个元素会显示,第二个不会。如果我导航到/Demo/#/Home/false,那么第一个元素不显示,第二个元素也不显示。当loggedIn的值实际上为false时,我希

javascript - Angularjs:理解递归指令

我在这里找到了一个很棒的树指令。原文:http://jsfiddle.net/n8dPm/我一直在尝试通过其他几个SO问题来理解它的功能,1,2.我不太明白渲染树指令的递归调用是如何工作的。主要是编译函数什么时候调用所有编译函数?$compile函数何时缓存在变量compiledContents中(这是链接函数?),何时追加?为什么它不总是追加?--compile:function(tElement,tAttr){varcontents=tElement.contents().remove();varcompiledContents;returnfunction(scope,iElem

javascript - 当 ng-model 为 null 时,在 select 中设置默认值

我是Angular的新手,我正在尝试设置默认状态以在我的ng-model为null时进行选择。基本上,如果模型为空,我想将其设置为“无”。我尝试了以下代码,但它不起作用。NoneManualAuto 最佳答案 试试这个:NoneManualAuto也就是说,perthedocs,这可能是对ngInit的误用。执行此操作的正确方法是在Controller(或服务,如果它来自那里)中使用合理的值初始化您的模型。 关于javascript-当ng-model为null时,在select中设置默

javascript - Backbone : Adding a model to a collection from a collection view?

我有一些代码,我希望NoteCollectionView向NoteCollection添加新的Note。这是由NoteCollectionView中的函数newNote触发的:newNote:function(data){varnote=newNote(data);this.collection.add(note);},我对主干还是很陌生,我想确保它与服务器同步。我担心的是:1)将此注释简单地添加到集合中是否会从服务器触发save(),并使用服务器提供的ID更新模型?或者,2)如果服务器没有更新我的模型并给我一个实际的ID,我该如何使用note.save()保存模型并从服务器取回一个I

javascript - 在使用模板的指令中更新 ng-model

我有一个像这样实例化的指令:在指令内,datepicker标签被这个模板替换:template:''+''+''+''我希望ng-model绑定(bind)的值是输入字段的值。解决此问题的最佳方法是什么,以便我保持ng-model的双向数据绑定(bind)? 最佳答案 根据直通的复杂程度,您可以只使用=范围在本地名称和ngModel之间进行双向绑定(bind),就像在这个fiddle中一样:http://jsfiddle.net/mThrT/22/出于某种原因(第一次尝试使用angular),我花了很长时间来设置fiddle,但这是

javascript - Angular Directive(指令)表行问题

我是一名初学者Angular程序员,但我真的很接近理解这些指令。我创建了一个fiddlehere,但是我以前从来没有用过fiddle,而且不太会渲染...tr-row是一个指令。我试图遍历数据,并为每条记录打印一个指令(行)。HTML:idnamedescription脚本:varmyapp=angular.module('myApp',[]).controller('fiddleCtrl',['$scope',function($scope){$scope.data=[{id:1,name:'Fred',description:'notthebestworker'},{id:2,na

javascript - 在 templateUrl 覆盖它之前检索 AngularJS 指令的内部 HTML

我有一个用于表单验证样板的指令,我最近对其进行了重构。在扩展之前,请允许我进一步解释该指令。指令用法:SaveChanges以前,我的指令看起来像这样,并且它有效。app.directive('validatedForm',function($compile,$sce){return{restrict:'A',scope:true,link:function(scope,element,attrs){vartemplate=//...HTMLboilerplatecodevarbuttons=element.html();//Getcontentsofelementbeforeover

javascript - Angularjs 自定义 select2 指令

我已经为这个很棒的jquery插件创建了简单的自定义AngularJs指令jQuery-Select2如下:指令app.directive("select2",function($timeout,$parse){return{restrict:'AC',link:function(scope,element,attrs){$timeout(function(){$(element).select2();},200);}};});在HTML模板中的用法:SelectCountry它按预期工作,我的正常select元素替换为select2插件。但是有一个问题,有时它会显示默认值,即Sele

javascript - 在 Angular Directive(指令)表达式中将范围变量连接到字符串中

我在Angularng-click指令中使用范围方法,如下所示:{{obj.val1}},{{obj.val2}}这里的问题是obj.val1和obj.val2被解释为传递给表达式中方法的字符串的一部分。我需要将它们作为变量进行评估...我不确定这里的正确方法是什么。有没有一种Angular方法可以将这些值连接到该字符串/表达式中?我只是“做错了”吗? 最佳答案 我创建了一个workingCodePenexample演示如何执行此操作。相关的HTML:ClickMedebug:{{debug.val}}相关的javascript:v